import React from 'react'
import './Hero.css';

export default function Hero() {
  return (
    <div className='hero-container'>
      <h2>英雄列表</h2>
      <hr />
      <div className="form">
        <input type="text" /><button>搜索</button>
      </div>
      <hr />
      <div className="hero-list">
        {
          Array(20).fill(1).map(item => {
            return <div className="hero-item">
                    <img src="http://cdn.xiaohigh.com/images/heros/131.jpg" alt="" />
                    <p>李白</p>
                  </div>
          })
        }
        
      </div>
    </div>
  )
}
